<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />

        <!-- Base Css Files -->
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/jqueryui/ui-lightness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/fontello/css/fontello.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/animate-css/animate.min.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/nifty-modal/css/component.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/magnific-popup/magnific-popup.css" rel="stylesheet" /> 
        <link href="__PUBLIC__/statics/coco-chat/assets/css/style.css" rel="stylesheet" type="text/css" />
        <link href="__PUBLIC__/statics/coco-chat/assets/css/style-responsive.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/pace/pace.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/jquery-notifyjs/styles/metro/notify-metro.css" rel="stylesheet" type="text/css" />
        
        <!-- Extra CSS Files -->
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" type="text/css" />
        
        <!-- Custom Css Files -->
        <link href="__HOME_CSS__/style.css"  rel="stylesheet" />
    </head>
    <body>
        <div class="sub-header-title">
            <h2>订单详情</h2>
        </div>
	    <div class="content-wrap">
	    	<h3>
	       		<strong>
		         	订单号：{$order['order_no']}&nbsp;&nbsp;
					订单状态：
					<switch name="order.status">
				        <case value="0">已下单</case>
				        <case value="1">已确认</case>
				        <case value="2">已驳回</case>
				        <default />未知
				    </switch>
	         	</strong>
	       	</h3> 
	
	    	<h3><strong>下单信息</strong></h3>
	    	<p>下单人编号：{$order['user_no']}</p>
	    	<p>下单时间：{$order['add_time']}</p>
	
	    	<h3><strong>收货信息</strong></h3>
	    	<p>收货人：{$order['receiver']}</p>
	    	<p>联系电话：{$order['receiver_phone']}</p>
	    	<p>{$order['receiver_address']}</p>
	
       	    <if condition="$order['status'] eq '1'">
       	    	<h3><strong>物流信息</strong></h3>
                <p>物流信息：{$order['operate_remark']}</p>
                <p>确认时间：{$order['operate_time']}</p>
		    <elseif condition="$order['status'] eq '2'"/>
		    	<h3><strong>驳回处理</strong></h3>
                <p>驳回原因：{$order['operate_remark']}</p>
                <p>驳回时间：{$order['operate_time']}</p>
		    <else />
		    </if>
	       
	    	<h3><strong>订单信息</strong></h3>
            <table class="table table-bordered table-striped">
                <thead>
                <tr>
                    <th>商品</th>
                    <th>单价</th>
                    <th>数量</th>
                </tr>
                </thead>
                <tbody>
                    <volist name="order['goods']" id="goods">
                    <tr>
                        <td>
                        	<a href="{:U('Mall/detail',array('id'=>$goods['goods_id']))}">
                              	<img width="80" height="80" src="{$goods['pic_url']}"/>
                           	</a>
                           	<a href="{:U('Mall/detail',array('id'=>$goods['goods_id']))}">
                              	<span style="margin-left: 20px;">{$goods['title']}</span>
                            </a>
                        </td>
                        <td>
                        	{$currency_symbol}{$goods['price']}
                       	</td>
                        <td class="text-center">{$goods['quantity']}</td>
                    </tr>
                    </volist>
                </tbody>
            </table>
	    
			<if condition="$order['remark'] neq '' ">
		    	<h3><strong>订单备注</strong></h3>
		    	<div style="border:1px solid #c7d5e0;padding:10px;border-radius:5px;">{$order['remark']}</div>
			</if>
			<h3><strong>订单总计</strong></h3>
			<p>
				总计：{$currency_symbol}{$order['total']}<br>
				运费方式：	<switch name="order.shipping_set">
					        <case value="0">(包邮)</case>
					        <case value="1">(到付)</case>
					        <case value="2">(代扣：{$currency_symbol}{$order['shipping']})</case>
					        <default />未知
						</switch>
			</p>
		</div>
	
	<!-- Base Js Files -->
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery/jquery-1.11.1.min.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/bootstrap/js/bootstrap.min.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jqueryui/jquery-ui-1.10.4.custom.min.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-ui-touch/jquery.ui.touch-punch.min.js"></script>
 	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-detectmobile/detect.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/fastclick/fastclick.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-slimscroll/jquery.slimscroll.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/nifty-modal/js/classie.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/nifty-modal/js/modalEffects.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-notifyjs/notify.min.js"></script>
    <script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-notifyjs/styles/metro/notify-metro.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/pace/pace.min.js"></script>
	
	<!-- Extra Js Files -->
	
	<!-- Custom Js Files -->
	<script src="__HOME_JS__/common.js"></script>
	</body>
</html>